<style>
/*bootstrap-select插件用到的，也可以不用*/
.bootstrap-select.open .dropdown-toggle {
    border-color: #33cabb!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 202, 187, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 202, 187, .6);
}
.bootstrap-select.open .dropdown-menu.open {
    border: 1px solid #ebebeb;
}
/*示例二、三、四、五*/
.p-t-5 {
    padding-top: 5px;
}
/*示例五*/
.input-group-controls {
    height: 36px;
    flex: 1 1 0%;
    border: 1px solid #F2F3F3;
    padding-left: 15px;
}
</style> 
<link href="css/materialdesignicons.min.css" rel="stylesheet">
                <div class="modal fade" id="addUserModal" tabindex="-1" user="dialog" aria-labelledby="exampleModalGridTitle" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h6 class="modal-title" id="exampleModalGridTitle">新增用户</h6>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
		                <form id="userAddForm" class="row">
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text" >用户名称</span></div>
                                    <input type="text" name="username" class="form-control">
                                    <input type="hidden"  name="oldusername" class="form-control">
                                    <input type="hidden"  name="id" class="form-control">
				              </div>
				            </div>	
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text" >昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</span></div>
                                    <input type="text" name="nickname" class="form-control">
				              </div>
				            </div>					            
				            <div class="form-group col-md-12 password-row">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text" >密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</span></div>
                                    <input type="text" name="password" class="form-control" readonly value="123456">
				              </div>
				            </div>					            	
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</span></div>
                                <input  type="text" name="email" class="form-control">
				              </div>
				            </div>	
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span></div>
                                <input  type="text" name="phone" class="form-control">
				              </div>
				            </div>	
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text">可&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用</span></div>
				                <div class="form-controls input-group-controls p-t-5">
				                  <div class="custom-control custom-switch">
				                    <input type="checkbox" class="custom-control-input" checked name="status" id="statusSwitch">
				                    <label class="custom-control-label" for="statusSwitch"></label>
				                  </div>
				                </div>
				              </div>
				            </div>				            
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span></div>
				                <div class="form-controls input-group-controls p-t-5">
				                  <div class="custom-control custom-radio custom-control-inline">
				                    <input type="radio" class="custom-control-input" name="ssex" value="0" id="sexRadio0">
				                    <label class="custom-control-label" for="sexRadio0">男</label>
				                  </div>
				                  <div class="custom-control custom-radio custom-control-inline">
				                    <input type="radio" class="custom-control-input" name="ssex" value="1" id="sexRadio1">
				                    <label class="custom-control-label" for="sexRadio1">女</label>
				                  </div>
				                  <div class="custom-control custom-radio custom-control-inline">
				                    <input type="radio" class="custom-control-input" name="ssex" value="2" id="sexRadio2">
				                    <label class="custom-control-label" for="sexRadio2">保密</label>
				                  </div>
				                </div>
				              </div>
				            </div>				            
				            <div class="form-group col-md-12">
				              <div class="input-group">
				                <div class="input-group-prepend"><span class="input-group-text">角&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色</span></div>
			                      <select class="form-control selectpicker" multiple  name="roleIds" id="rolesSelect">
			                      </select>
				              </div>
				            </div>					            
		                </form>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-close">关闭</button>
                        <button type="button" class="btn btn-primary"  name="save" id="userAddBtn">保存</button>
                        <button class="btn-hide"></button>
                      </div>
                    </div>
                  </div>
                </div>

